<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>类的语法</title>
</head>
<body>
    
</body>
<script>
    /*
        类的本质其实还是原型， 我们其实可以理解成类就是原型的一种语法糖的形式
    */
    class User{

    }
    console.log(typeof User)  //function
    // 可见类实际上是一个function函数

    // 之前我们使用函数
    function Jimmy(value){  //当函数作为构造函数的时候 第一个字母需要大写
        this.value = value
    }
    let Jim = new Jimmy('jimmy')
    console.log(Jim.value)  //jimmy  

    // 但是使用到类了以后  是一种语法糖  逻辑 结构更加的清晰
    class hd{
        constructor(value,title){
            this.value = value
            this.title = title
        }
        get(){
            return this.title
        }
    }
    let Hd = new hd('jimmy','javascript')
    console.log(Hd.value)  // jimmy
    console.log(Hd.get())  // javascript

    // 类中有一个特殊的方法 constructor 可以想象成是类中的构造函数  只要类被实例化  就会自动执行 并且能够接收传递的值
</script>
</html>